<include file="Public/mobile_head"/>
<include file="./Addons/Shop/View/default/Index/base.html" />
<body>
<!--顶部搜索-->
<include file="./Addons/Shop/View/default/Index/header.html" />
<!--END 顶部搜索 -->

<!--底部导航-->
<include file="./Addons/Shop/View/default/Index/footer.html" />
<!--END 底部导航-->
<section id="selector">
    <div class="order w100p">
        <ul class="w50" id="sort_top">
            <li><a href="{:addons_url('Shop://Index/categories',array('type'=>'level'))}" <eq name="type" value="level">class="current" style="border-bottom-color:#{$shop_config.color}; color:#{$shop_config.color};"</eq>>层次模型 </a></li>
            <li><a href="{:addons_url('Shop://Index/categories',array('type'=>'option'))}" <eq name="type" value="option">class="current" style="border-bottom-color:#{$shop_config.color}; color:#{$shop_config.color};"</eq>>选项模型</a></li>
        </ul>
    </div>
</section>
<section id="cate">
  <div class="tit tc f1-4 c8">选择类别</div>
  <ul>
    <volist name="list" id="vo_list">
      <li>
        <div class="h f1-4"><a href="{$vo_list.url|default='#'}">{$vo_list.name}</a></div>
        <div class="n">
          <volist name="vo_list.child" id="vo_list_child">
            <p><a href="{$vo_list_child.url}">{$vo_list_child.name}</a></p>
          </volist>
        </div>
      </li>
    </volist>
  </ul>
  <!--
  <ul>
    <volist name="list" id="vo_list">
      <li>
        <div class="h f1-4"><span><em class="icon-state"></em></span><a href="{$vo_list.url|default='#'}">{$vo_list.name}</a></div>
        <div class="n">
          <volist name="vo_list.child" id="vo_list_child">
            <p><a href="{$vo_list_child.url}">{$vo_list_child.name}</a></p>
          </volist>
        </div>
      </li>
    </volist>
  </ul>
  -->
</section>
<!--底部 版权信息--> 
<include file="./Addons/Shop/View/default/Index/footerbq.html" /> 
<!--END 底部导航-->
</body>
<script src="{:ADDON_PUBLIC_PATH}/js/jquery.js"></script>
<script src="{:ADDON_PUBLIC_PATH}/js/comm.js"></script>
<script>
$(function(){
        $('#cate li .h').each(function(){
            $(this).addClass('open').next('.n').slideDown();
        })
    
	$('#cate li .h').click(function(){
		if($(this).hasClass('open')){
			$(this).removeClass('open').next('.n').slideUp()
		}else{
			$(this).addClass('open').next('.n').slideDown()
		}
	})
})
</script>
</html>